#indexBox{
    background: url('../bg.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#tabs{
    background-color: rgba(255, 255, 255, 0.4);
}
#menu{
    background-color: rgb(255, 255, 255);
    top: 0px;
}
@media (min-width: 1024px) {
    #menu{
        background-color: rgba(230, 249, 255, 0.7);
        top: 136px;
    }
}
#circle{
    display: inline-block;

    width: 10px;
    height: 10px;

    background-color: #ffffff;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


::-webkit-scrollbar {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #000000;
}

::-webkit-scrollbar-track {
    background-color: #C5C7F7;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-style: solid;
    border-width: 4px;
    border-color: #ff91da;
}

::-webkit-scrollbar-thumb {
    background-color: #a874ca;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #d9abff;
}

::-webkit-scrollbar-thumb:active {
    background-color: #349da5;
}